<template>
	<view class="wrap">
		<view class="top">
			<!-- <image class="top-img" src="@/static/ucenter/bd.png"></image> -->
		</view>
		<view class="tel">你的手机号码：{{userInfo.phone}}</view>
		<view class="btn">
			<button type="primary" @click="changePhone">更换手机号</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: {
					phone: ""
				},
			}
		},
		computed: {},
		created() {},
		methods: {
			changePhone() {
				uni.navigateTo({
					url: './change?isEdit=true'
				})
			},
		},
		mounted() {
			this.userInfo = uni.getStorageSync('wxInfo')
		}
	}
</script>

<style>

</style>

<style lang="scss" scoped>
	.top {
		line-height: 260rpx;
		height: 260rpx;
		text-align: center;
		// vertical-align: middle;

		.top-img {
			width: 130upx;
			height: 130upx;
		}
	}

	.tel {
		height: 100rpx;
		text-align: center;
		font-size: 35rpx;
		padding-left: 80rpx;
		padding-right: 80rpx;
	}

	.btn {
		margin: 60rpx auto;
		width: 80%;
	}
</style>
